﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Color Picker 1.1.0 for jQuery - jQuery颜色拾取面板插件</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<SCRIPT language=javascript src="Color Picker/jquery.js" type=text/javascript></SCRIPT>
<SCRIPT language=javascript src="Color Picker/jquery.colorPicker-1.1.0.pack.js" type=text/javascript></SCRIPT>
<style>
.color_btn{
	cursor:pointer;
}
</style>
<script>
$(document).ready(function(){
	
	$('.color_ipt').keyup(function(){				
		$(this).next('img').css({'background-color':$(this).val()});
	});
	$('.color_btn').click(function(){				
		$(this).colorPicker({setValue:$(this).prev('input')});
	});
});
</script>

</HEAD>
<BODY>

<input class="color_ipt" name="area1" value="#efefef"><img class="color_btn" style="background-color:#efefef;" height=18 src="Color Picker/color.gif" width=21 align=absMiddle> <br />

<input class="color_ipt" name="text3" value="red"><img class="color_btn" style="background-color:red;" height=18 src="Color Picker/color.gif" width=21 align=absMiddle> <br />

</BODY></HTML>
